﻿@model Zor_Web.Models.Base.V_UnitInformation
@using Webdiyer.WebControls.Mvc;
@using Zor_Tools;
@{
    Layout = null;
}

<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>门牌信息</title>
    <link href="~/Content/LayerUI/src/css/layui.css" rel="stylesheet" />
    <link href="~/Content/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
    <link href="~/Content/Styles/zor.css" rel="stylesheet" />
    <!-- 框架必要 -->
    <script src="~/Content/Scripts/jquery/jquery-1.9.1.min.js"></script>
    <script src="~/Content/Scripts/learunui-framework.js"></script>
    <script src="~/Content/Scripts/Zor_AJax.js"></script>
    <!-- 消息提示 -->
    <script language='javascript' src='~/Content/layer/layer.js'></script>
    <!-- 表单验证 -->
    <script src="~/Content/Scripts/JValidator.js"></script>
</head>
<body class="gray-bg">
    <div class="layui-tab layui-tab-brief main-tab-container ">
        <div class="col-sm-12 ct-padding">
            <div class="col-sm-9 ct-padding">
                <button id="btnAdd" class="layui-btn layui-btn layui-btn-small"><span class="glyphicon glyphicon-plus"></span> 新增</button>
                <button id="btnUpdate" class="layui-btn layui-btn-warm  layui-btn-small"><span class="glyphicon glyphicon-pencil"></span> 编辑</button>
                <button id="btnDelete" class="layui-btn layui-btn-danger  layui-btn-small"><span class="glyphicon glyphicon-trash"></span> 删除</button>              
                <button id="btnSearch" class="layui-btn layui-btn-normal layui-btn-small"><span class="glyphicon glyphicon-search"></span> 查询</button>
                <button id="btnExport" class="layui-btn layui-btn-springgreen  layui-btn-small"><span class="glyphicon glyphicon-share"></span> 导出</button>
                <button id="btnReplace" class="layui-btn layui-btn-blue layui-btn-small"><span class="glyphicon glyphicon-refresh"></span> 刷新</button>
               
            </div>
        </div>
        <div class="layui-tab-content">
            <table class="layui-table" lay-skin="line">
                <thead>
                    <tr>
                        <th hidden></th>
                        <th></th>
                        <th>所属街道(楼宇)</th>
                        <th>门牌号</th>
                        <th>创建日期</th>
                    </tr>
                </thead>
                <tbody id="accordion">
                    @foreach (var item in Model.PageData)
                    {
                        
                        <tr>
                            <td hidden>@item.Uim_Id</td>
                            <td><input type="radio" name="chk" id="@item.Uim_Id" value="@item.Uim_Id" /></td>
                            <td hidden>@item.BD_Id</td>
                            <td>@item.Bd_Name</td>  
                            <td>@item.Uim_Name</td>
                            <td>@TimeHelper.TimeStampToDateTime(item.Uim_CreateDate.ToString(), TimeHelper.ToTimeType.link_ymd)</td>
                        </tr>
                    }
                </tbody>
            </table>
            <div class="col-sm-12">
                <div class="col-sm-10">
                    @Html.Pager(Model.PageData, new PagerOptions { PageIndexParameterName = "index", ContainerTagName = "ul", PrevPageText = "上页", NextPageText = "下页", FirstPageText = "首页", LastPageText = "尾页", CssClass = "pagination", PagerItemsSeperator = "", CurrentPagerItemWrapperFormatString = "<li class=\"active\"><a href=\"#\">{0}</a></li>", PagerItemWrapperFormatString = "<li>{0}</li>" }, new { id = "", @class = "pagination" })
                </div>
                <div class="col-sm-2 to-righjt">
                    共 @Model.PageData.TotalItemCount 条记录，页 @Model.PageData.CurrentPageIndex/@Model.PageData.TotalPageCount
                </div>
                <div id="page" class="col-md-7 col-sm-offset-5 text-center"></div>
            </div>
        </div>

    </div>

    <!-- 新增模态 -->
    <div id="myModal" hidden data-backdrop="static">
        <div id="divfrom" class="layui-tab-content">
            <form class="form-horizontal m-t">

                <div class="layui-form-item" hidden>
                    <label class="col-sm-3 layui-form-label">ID：</label>
                    <div class="col-sm-7">
                        <input id="Uim_Id" type="text" class="form-control">
                    </div>
                </div>

                <div class="layui-form-item">
                    <label class="col-sm-3 layui-form-label">所属街道(楼宇)：</label>
                    <div class="col-sm-7">
                        <select name="temp" class="form-control" id="Bd_Id">
                            <option value='0'></option>
                        </select>
                    </div>
                </div>
                <div class="hr-line-dashed"></div>
                <div class="layui-form-item">
                    <label class="col-sm-3 layui-form-label">门牌号：</label>
                    <div class="col-sm-7">
                        <input id="Uim_Name" type="text" class="form-control" autofocus="autofocus" datacol="yes" err="门牌号" checkexpession="NotNull">
                    </div>
                </div>
            </form>
        </div>
        <div class="hr-line-dashed"></div>
        <div class="form-group">
            <div class="col-sm-11 ">
                <button type="submit" id="btnSure" class="btn btn-info pull-right">
                    <i class="fa fa-check"></i>提交
                </button>
            </div>
        </div>
    </div>
    @using (Html.BeginForm("Zor_Doorplate", "Base", new RouteValueDictionary { { "Model", Model } }, FormMethod.Get))
    {
    <!-- 查询模态框 -->
    <div id="myModalSearch" hidden data-backdrop="static">
        <div id="divselectfrom" class="layui-tab-content">
            <form class="form-horizontal m-t">
                <div class="layui-form-item">
                    <label class="col-sm-3 layui-form-label">所属街道(楼宇)：</label>
                    <div class="col-sm-7">
                        <input id="Bd_Name" type="text" class="form-control" name="Bd_Name" value="@Model.Bd_Name">
                    </div>
                </div>

                <div class="layui-form-item">
                    <label class="col-sm-3 layui-form-label">门牌号：</label>
                    <div class="col-sm-7">
                        <input id="Uim_Name" type="text" class="form-control" name="Uim_Name" value="@Model.Uim_Name">
                    </div>
                </div>

            </form>
            <div class="box-footer">
                <button type="submit" class="btn btn-info pull-right">
                    <i class="fa fa-search"></i>查询
                </button>
            </div>
        </div>
    </div>
    }
    <!-- 导出模态 -->
    <form action="/Base/ExportDoorp" enctype="multipart/form-data" method="post" id="formDownload">
        <div id="exportHtml" style="display:none;">
            <div class="eh_wrap">
                <div class="eh_head">
                    <p style="">请选择您要导出的数据列</p>
                </div>
                <table width="100%" cellpadding="5" cellspacing="0">
                    <tr>
                        <td><input id="Bd_Name" type="checkbox" value="所属街道(楼宇)" name="chk_list" checked="checked" /><label>所属街道</label></td>
                        <td><input id="Uim_Name" type="checkbox" value="门牌号" name="chk_list" checked="checked" /><label>单元名称</label></td>
                    </tr>
                    <tr>
                        <td><input id="Uim_CreateDate" type="checkbox" value="创建时间" name="chk_list" checked="checked" /><label>创建时间</label></td>
                    </tr>
                </table>
                <div class="box-footer">
                    <button type="submit" id="btnExportSure" class="btn btn-info pull-right">
                        <i class="fa fa-repeat"></i>导出
                    </button>
                    <input type="hidden" id="InformationMeg" name="InformationMeg" value="" />
                    <input type="hidden" id="where" name="where" value="" />
                </div>
            </div>
        </div>
    </form>
</body>

</html>
<script>

    /**
    * 获取所属街道名称下拉列表
    */
    function GetBdName() {
        var html = "";
        getAjax("/Base/GetBdName", "", function (data) {
            accordionJson = eval("(" + data + ")");
            html += "<option value='0' >-请选择-</option>";
            $.each(accordionJson, function (i) {
                html += "<option value='" + accordionJson[i].Bd_Id + "' >" + accordionJson[i].Bd_Name + "</option>";
            });
        });
        $("#Bd_Id").empty().append(html);
    }
    //查询
    $(function () {
        $("#btnSearch").click(function () {

            ClearWebControls(divfrom); 
            LayerOpen('480px', '210px', '门牌查询', $('#myModalSearch'));
            })
    })


    /**
    * 增加门牌
    */
    $(function () {
        $("#btnAdd").click(function () {
            ClearWebControls(divfrom);
            GetBdName();
            LayerOpen('480px', '210px', '门牌新增', $('#myModal'));
        })
    })

    /**
    * 修改门牌
    */
    $(function () {
        $("#btnUpdate").click(function () {
            var checkId = CheckboxValueIDs();
            var Bd_Id = getTableCell(2);
            var Doorp_Number = getTableCell(4);

            $("#lbltitle").text("修改门牌");
            $("#Doorp_Id").attr("disabled", "disabled");
            if (checkId.length == 0) {
                layer.msg("请选择要修改的门牌！");
                return;
            }
            if (checkId.length > 1) {
                layer.msg("仅可选择一行信息修改！");
                return;
            }
            GetBdName();
            $("#Uim_Id").val(checkId[0]);
            $("#Bd_Id").val(Bd_Id);
            $("#Uim_Name").val(Doorp_Number);
            LayerOpen('480px', '210px', '门牌修改', $('#myModal'));

        })
    })

    /**
    * 删除门牌
    */
    $(function () {
        $("#btnDelete").click(function () {
            var checkId = CheckboxValueIDs();
            if (checkId.length == 0) {
                layer.msg("请选择要删除的门牌！");                                                             //未选中任何行
                return;
            }
            else {
                layer.confirm("确定要删除吗?", { icon: 2, btn: ['确定', '取消'] }, function () {
                    ZorPostSimpleData("/Base/DeleteDoorplate", JSON.stringify({ 'id': checkId }), function (data) { //获取数据(带参数)
                        layer.msg(data.AnswerMeg, function () {
                            layer.closeAll();
                            Replace();
                        });
                    })
                })
            }
        })
    })

    /**
    * 刷新
    **/
    $(function () {
        $("#btnReplace").click(function () {
            Replace();
        })
    })

    /**
    * 保存
    */
    $(function () {
        $("#btnSure").click(function () {
            if (!CheckDataValid('.form-horizontal')) {
                return false;
            }
            var JsData = GetWebControls(divfrom);
            ZorPostSimpleData("/Base/AddDoorplate", JSON.stringify({ "doorplate": JsData }), function (data) {
                layer.msg(data.AnswerMeg, function () {
                    layer.closeAll();
                    Replace();
                });
            })
        })
    })
    /**
    * 模态关闭后回调用
    */
    $(function () {
        $('#myModal').on('hidden.bs.modal', function (e) {
            Replace();
        })
    })


    /**
    * 全选
    */
    $(function () {
        $("#cbkCheckAll").click(function () {
            if (this.checked) {
                $("input[name='chk']").prop('checked', true);
            } else {
                $("input[name='chk']").prop('checked', false);
            }
        })
    })

    /*导出*/
    $("#btnExport").click(function () {
        layer.open({
            type: 1,
            title: '导出提示',
            shade: false,
            skin: 'layui-layer-rim',
            area: ['480px', '240px'], //宽高
            content: $('#exportHtml')
        });
    });

    /*导出交互*/
    $("#btnExportSure").click(function () {
        var arr = new Array();
        $("[name='chk_list']").each(function () {
            if ($(this).is(":checked")) {
                arr.push($(this).attr("id") + "|" + $(this).val());
            }
        });
        $("#InformationMeg").val(arr);
        document.getElementById('formDownload').submit();
        layer.closeAll();
    });
</script>
